<div class="so">

    <div class="so-top-bar">
            <i class="fa fa-arrow-left fa-2x"
               ng-click="back()" style="position: absolute;left: 30px;Cursor:pointer;"></i>
        <span class="title">消费记录</span>
    </div>
    <div class="action-bar">
        <div class="row">
            <div class="col-sm-12">
                <form>
                    <div class="row">
                       <!-- <div class="col-sm-3">
                            <input type="text" class="form-control"
                                   placeholder="请输入查询条件"
                                   ng-model="query.search"/>
                        </div>-->
                        <div class="col-sm-3">
                            <input type="text" class="form-control" ng-model-options="options"
                                   is-open="startDateOpened"
                                   datepicker-popup="yyyy-MM-dd" show-button-bar="true"
                                   current-text="今天" clear-text="清空" close-text="关闭"
                                   placeholder="开始日期" ng-click="startDateOpened=true"
                                   ng-model="startTime">
                        </div>

                        <div class="col-sm-3">
                            <input type="text" class="form-control" ng-model-options="options"
                                   is-open="endDateOpened"
                                   datepicker-popup="yyyy-MM-dd" show-button-bar="true"
                                   current-text="今天" clear-text="清空" close-text="关闭"
                                   placeholder="结束日期" ng-click="endDateOpened=true"
                                   ng-model="endTime">
                        </div>
                        <div class="col-sm-3">
                            <button class="btn btn-primary" ng-click="search()">
                                <i class="fa fa-search"></i>
                                查询
                            </button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="row so-content">
        <!--机组创建出库单-->
        <div class="col-md-12">
            <!--机组/PRS信息 -->
            <!--divProdcutheight-->
            <div class="box box-primary" style="min-height: 400px;">
                <div class="box-body">
                    <!--ng-if="productDetails.length>0"-->
                    <div ng-if="orderRecords.length<=0" class="nodata"></div>
                    <table class="table table-hover" ng-if="orderRecords.length>0">
                        <thead>
                        <tr>
                            <th>用户昵称</th>
                            <th>用户姓名</th>
                            <th>下单时间</th>
                            <th>总金额</th>
                            <th>消耗积分</th>
                            <th>实际支付金额</th>
                            <th>返还积分</th>
                        </tr>
                        </thead>
                        <tbody>
                        <!--ng-repeat="pd in partDetails |  orderBy: sortObjectType"-->
                        <tr ng-repeat="pd in orderRecords">
                            <td>{{pd.user.wxNickname}}</td>
                            <td>{{pd.user.name}}</td>
                            <td>{{pd.orderTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                            <td>{{pd.totalMoney | currency:'￥'}}</td>
                            <td>{{pd.useScore}}</td>
                            <td>{{pd.payMoney | currency:'￥'}}</td>
                            <td>{{pd.score}}</td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="text-center">
                        <pagination total-items="pager.totalItems" ng-model="pager.pageNo"
                                    items-per-page="pager.pageSize" ng-change="search()"
                                    previous-text="上一页" next-text="下一页" max-size="3"></pagination>
                    </div>
                </div>
                <!--endprint-->
            </div>

        </div>

    </div>
</div>